<template>
    <el-popover title="操作" :width="900" trigger="click">
        <template #reference>
            <span class="date">
                {{mdata.date}} 
                <el-tag v-if="mdata.operation" type="success" effect="light" round >
                    {{ mdata.operation.length }}
                </el-tag>
            </span>
        </template>
        <el-table :data="mdata.operation">
            <el-table-column property="date" label="date" width="120"/>
            <el-table-column property="week" label="星期" width="80"/>
            <el-table-column property="time" label="time" width="100"/>
            <el-table-column property="operation" label="操作" width="80"/>
            <el-table-column property="price" label="价格" width="80" />
            <el-table-column property="amount" label="金额" width="120" />
            <el-table-column property="levelPoint" label="分位点" width="80"/>
            <el-table-column property="reason" label="原因" show-overflow-tooltip />
        </el-table>
    </el-popover>
</template>

<script setup>
const props = defineProps({
    mdata : {
        date: String,
        operation : Array
    }
})
</script>